<!DOCTYPE html>
<html lang="en">
<head>
    <title>新闻动态</title>
    <meta charset="UTF-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta id="viewport" name="viewport" content="width=640,minimum-scale=1,maximum-scale=1,user-scalable=0">
    <link type="text/css" rel="stylesheet" href="css/css.css">
</head>
<body>

    <header id="header" class="news_header">
        <div class="header1 gWidth">
            <div class="logo">

                <a href="#"><img src="" alt="logo" class="img-responsive"></a>
            </div>
            <nav class="nav_box" id="container">
                <ul class="nav ckearfix" id="nav">
                    <li><a href="index.html">网站首页</a></li>
                    <li class="cur"><a href="#">新闻动态</a></li>
                    <li><a href="hatch.html">孵化服务</a></li>
                    <li><a href="angle.html">天使投资</a></li>
                    <li><a href="cultivate.html">创业培训</a></li>
                    <li><a href="platform.html">共享平台</a></li>
                </ul>
                <div id="buoy"></div>
            </nav>
        </div>
    </header>

    <section id="case" class="item news">
        <div class="gWidth">
            <div class="case1 titl">
                <h2>Our News<i>新闻动态</i></h2>
            </div>
            <div class="case2">
                <ul class="clearfix">
                    <li class="her1" onMouseOver="her()" onMouseOut="herY()">
                        <a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special1" class="special hide">
                            <a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li id="hov1" onMouseOver="her()" onMouseOut="herY()">
                        <h3><a href="#">吸引高端人才 努力打造新版本创投
服务生态圈
</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li id="hov2" class="zuo" onMouseOver="her1()" onMouseOut="herY1()">
                        <h3><a href="#">中关村门头沟科技园召开重点企业
投融资对接会</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                    <li class="her1" onMouseOver="her1()" onMouseOut="herY1()">
                        <a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special2" class="special hide">
                            <a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li class="her1" onMouseOver="her2()" onMouseOut="herY2()">
                        <a href="#"><img src="images/works1.png" alt="case"></a>
                        <div id="special3" class="special hide">
                            <a href="#"><img src="images/jih.png" alt=""></a>
                        </div>
                    </li>
                    <li id="hov3" onMouseOver="her2()" onMouseOut="herY2()">
                        <h3><a href="#">中关村门头沟科技园召开重点企业
投融资对接会</a></h3>
                        <p class="p1">手机软件，就是安装在手机上的软件，完善原始系统的不 足与个性化随着科 </p>
                        <p>技的发展，现在手机的功 不是像过去的那么简单死板，目前发展到了可以和电脑媲美。手机软件与电脑一样</p>
                    </li>
                </ul>
            </div>
            <div class="paging">
                <ul class="clearfix">
                    <li class="paging_left"><a href=""><i></i></a></li>
                    <li class="active"><a href="">1</a></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href=""><span>···</span></a></li>
                    <li class="paging_right"><a href=""><i></i></a></li>
                    <li class="total"><a href="">共<em>20</em>页</a></li>
                </ul>
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="gWidth">
            <img src="images/copy.png" alt="">
            <div class="copy">
                <p>德山生物医药孵化器欢迎您！</p>
                <p>地址：北京市门头沟区美安路7号</p>
            </div>
        </div>
    </footer>


<script type="text/javascript" src="js/jQuery.banner.js"></script>
<script src="js/nav/jquery.nicenav1.js" type="text/javascript"></script>
<script type="text/javascript">
    $.nicenav(500);
</script>
<script src="js/swiper.min.js"></script>
<script>
    window.onload = window.onresize = function(){
        var view_width = document.getElementsByTagName('html')[0].getBoundingClientRect().width;
        //找到标签名为html的第一个
        var _html = document.getElementsByTagName('html')[0];
        //如果屏幕宽度大于640
        //就用 640/16=40
        //小于640的时候 不确定 也是尺寸/40
        view_width>640?_html.style.fontSize = 640 / 16 + 'px':_html.style.fontSize = view_width / 16 + 'px';
        //最大网页尺寸640
        //最大字体（根字体大小） 40
    }

</script>
<script>
        var hov1 = document.getElementById("hov1");
        var hov2 = document.getElementById("hov2");
        var hov3 = document.getElementById("hov3");
        var hov1Y = document.getElementById("hov1Y");
        var hov2Y = document.getElementById("hov2Y");

        function her() {
            $("#special1").removeClass("hide");
            hov1.style.backgroundColor = "#F2F2F2";
        }
        function herY(){
            $("#special1").addClass("hide");
            hov1.style.backgroundColor = "";
        }
        function her1(){
            $("#special2").removeClass("hide");
            hov2.style.backgroundColor = "#F2F2F2";
        }
        function herY1(){
            $("#special2").addClass("hide");
            hov2.style.backgroundColor = "";
        }
        function her2(){
            $("#special3").removeClass("hide");
            hov3.style.backgroundColor = "#F2F2F2";
        }
        function herY2(){
            $("#special3").addClass("hide");
            hov3.style.backgroundColor = "";
        }

        function herYY() {
            $("#special1Y").removeClass("hide");
            hov1Y.style.backgroundColor = "#F2F2F2";
        }
        function herYYY(){
            $("#special1Y").addClass("hide");
            hov1Y.style.backgroundColor = "";
        }
        function her1Y(){
            $("#special2Y").removeClass("hide");
            hov2Y.style.backgroundColor = "#F2F2F2";
        }
        function herY1Y(){
            $("#special2Y").addClass("hide");
            hov2Y.style.backgroundColor = "";
        }

</script>

</body>
</html>